<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" type="text/css" href="{$Think.config.url_public}/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" href="../../../Public/css/ekko-lightbox.min.css">
    <link rel="stylesheet" type="text/css" href="../../../Public/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../../../Public/css/style.css">
    <title>Sigma - Free Bootstrap 4.0 Template</title>
</head>
<body>

<header id="top">

    <div class="container-fluid">

        <div class="row">

            <div class="col-lg-4 col-md-12 site-title">
            </div>

            <div class="col-lg-8 col-md-12 main-menu">

                <nav class="navbar navbar-light">
                    <ul class="nav navbar-nav single-page-nav">
                        <li class="nav-item">
                            <a class="nav-link" href="#home">Home</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#gallery">Gallery</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#about">About</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#contact">Contact</a>
                        </li>
                    </ul>
                </nav>

            </div>

        </div>

        <div class="row">
            <div class="col-md-12">
                <form action="../../Qiantai/login2">
                <button type="submit" class="btn btn-success btn-lg" style="float: left;margin-left: -10px">求职者登录</button>
                </form>
                <form action="{:U('Houtai/login@admin.biye.com')}">
                    <button type="submit" class="btn btn-success btn-lg" style="float: left;margin-left: 15px">企业登录</button>
                </form>
                <form action="../../Qiantai/register">
                    <button type="submit" class="btn btn-success btn-lg" style="float: right;margin-left: 20px">求职者注册</button>
                </form>
                <form action="{:U('Houtai/register@admin.biye.com')}">
                    <button type="submit" class="btn btn-success btn-lg" style="float: right">企业注册</button>
                </form>
            </div>
        </div>

    </div>

</header>

<section id="home">

    <div class="container-fluid">

        <div class="row sigma-home single-page-nav">

            <div class="col-md-offset-2 col-lg-offset-3 col-lg-6 col-md-8 col-sm-12 text-center">
                <h1>College recruitment network</h1>
                <p>年轻人专属的社交招聘平台!</p>
                <a href="#gallery" class="btn btn-danger sigma-start">Our Gallery</a>
                <a href="#about" class="btn btn-success sigma-start">Learn More</a>
            </div>

        </div>

    </div>

</section>

<section id="gallery">

    <div class="container-fluid">

        <div class="row">

            <a href="../../../Public/images/1416271772754.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 01">
                <img src="{$Think.config.url_public}/images/1416271772754.jpg" alt="Image 1" class="img-fluid sigmapad col-lg-4 col-md-6 col-sm-6"></a>

            <a href="../../../Public/images/20140430134130-1562717333.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 02"
               data-footer="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque non nunc dictum.">
                <img src="{$Think.config.url_public}/images/20140430134130-1562717333.jpg" alt="Image 2" class="img-fluid sigmapad col-lg-4 col-md-6 col-sm-6"></a>

            <a href="../../../Public/images/5396479725364fde628efffad5e44716.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 03">
                <img src="{$Think.config.url_public}/images/5396479725364fde628efffad5e44716.jpg" alt="Image 3" class="img-fluid sigmapad col-lg-4 col-md-8 col-sm-12"></a>

            <a href="../../../Public/images/b151f8198618367ac6bba5482c738bd4b31ce571.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 04"
               data-footer="Aenean et tortor nec odio tempor volutpat nec in dui. Etiam libero turpis, accumsan nec.">
                <img src="../../../Public/images/b151f8198618367ac6bba5482c738bd4b31ce571.jpg" alt="Image 4" class="img-fluid sigmapad col-lg-8 col-md-4 col-sm-6"></a>

            <a href="../../../Public/images/f9dcd100baa1cd1158a3d29dbf12c8fcc3ce2d71%20(1).jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 05">
                <img src="../../../Public/images/f9dcd100baa1cd1158a3d29dbf12c8fcc3ce2d71%20(1).jpg" alt="Image 5" class="img-fluid sigmapad col-lg-4 col-md-4 col-sm-6"></a>

            <a href="../../../Public/images/1416-15111G13604925.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 06">
                <img src="../../../Public/images/1416-15111G13604925.jpg" alt="Image 6" class="img-fluid sigmapad col-lg-4" title="Bicycle"></a>


            <a href="../../../Public/images/tm-sigma-07.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 07">
                <img src="../../../Public/images/tm-sigma-07.jpg" alt="Image 7" class="img-fluid sigmapad col-sm-6" title="Walking"></a>

            <a href="../../../Public/images/tm-sigma-08.jpg" data-toggle="lightbox" data-gallery="sigma-gallery" data-title="Image Title 08">
                <img src="../../../Public/images/tm-sigma-08.jpg" alt="Image 8" class="img-fluid sigmapad col-sm-6" title="Camera"></a>

        </div>

    </div>

</section>

<section id="about">

    <div class="container-fluid">

        <div class="row sigma-section-header">
            <div class="col-md-offset-2 col-lg-offset-3 col-lg-6 col-md-8 col-sm-12 text-center">
                <h1>About Us</h1>
                <p>To meet the needs of college students to recruit and job seekers, to create a high-quality, efficient personnel exchange platform</p>
            </div>
        </div>

        <div class="row single-page-nav">

            <!--<div class="sigma-content col-lg-4 col-md-6 sigma-bg-lightgray">-->
            <!--<h2>01 Design</h2>-->
            <!--<p>Praesent lorem dui, suscipit eu volutpat id, sollicitudin ut mi. Praesent ornare massa vehicula.</p>-->
            <!--</div>-->
            <!--<div class="sigma-content col-lg-4 col-md-6 sigma-bg-gray">-->
            <!--<h2>02 Coding</h2>-->
            <!--<p>Praesent lorem dui, suscipit eu volutpat id, sollicitudin ut mi. Praesent ornare massa vehicula.</p>-->
            <!--</div>-->
            <!--<div class="sigma-content col-lg-4 col-md-12 sigma-bg-darkgray">-->
            <!--<h2>03 Mobile Ready</h2>-->
            <!--<p>Praesent lorem dui, suscipit eu volutpat id, sollicitudin ut mi. Praesent ornare massa vehicula.</p>-->
            <!--</div>-->

            <div class="sigma-content col-lg-6 col-md-6 sigma-bg-pink">
                <h2>Left Column</h2>
                <p>Praesent lorem dui, suscipit eu volutpat id, sollicitudin ut mi. Praesent ornare massa vehicula.</p>
                <a href="#about" class="btn btn-primary btn-lg">Read Detail</a>
            </div>
            <div class="sigma-content col-lg-6 col-md-6 sigma-bg-lightblue">
                <h2>Right Column</h2>
                <p>Praesent lorem dui, suscipit eu volutpat id, sollicitudin ut mi. Praesent ornare massa vehicula.</p>
                <a href="#contact" class="btn btn-danger btn-lg">Learn More</a>
            </div>

        </div>

    </div>

</section>
<div class="copyrights">Collect from <a href="http://www.cssmoban.com/" >企业网站模板</a></div>
<section id="contact">

    <div class="container-fluid">

        <div class="row sigma-section-header">
            <div class="col-md-offset-2 col-lg-offset-3 col-lg-6 col-md-8 col-sm-12 text-center">
                <h1>Contact</h1>
                <p>You may <a rel="nofollow" href="http://www.templatemo.com/contact" target="_parent">contact</a> templatemo if you have any question. Suspendisse dolor purus, malesuada ut luctus quis, consectetur vel ante. Integer a pulvinar orci.</p>
            </div>
        </div>

<!--        <div class="row">-->
<!--            <div class="sigmano col-lg-8 col-md-12">-->
<!---->
<!--                <form action="#contact" method="post" id="contact-form">-->
<!--                    <div class="col-md-6">-->
<!--                        <fieldset class="form-group">-->
<!--                            <label for="name">Your Name</label>-->
<!--                            <input type="text" class="form-control" id="name" placeholder="Write a full name">-->
<!--                        </fieldset>-->
<!---->
<!--                        <fieldset class="form-group">-->
<!--                            <label for="email">Your Email</label>-->
<!--                            <input type="email" class="form-control" id="email" placeholder="Enter your email">-->
<!---->
<!--                        </fieldset>-->
<!---->
<!--                        <fieldset class="form-group">-->
<!--                            <label for="budget">Your Budget</label>-->
<!--                            <select class="form-control" id="budget">-->
<!--                                <option>$500</option>-->
<!--                                <option>$1,000</option>-->
<!--                                <option>$1,500</option>-->
<!--                                <option>$2,000</option>-->
<!--                            </select>-->
<!--                        </fieldset>-->
<!--                    </div>-->
<!--                    <div class="col-md-6">-->
<!---->
<!--                        <fieldset class="form-group">-->
<!--                            <label for="subject">Subject</label>-->
<!--                            <input type="text" class="form-control" id="subject" placeholder="Subject">-->
<!--                        </fieldset>-->
<!---->
<!--                        <fieldset class="form-group">-->
<!--                            <label for="message">Your Message</label>-->
<!--                            <textarea class="form-control" id="message" rows="4" placeholder="Write a message"></textarea>-->
<!--                        </fieldset>-->
<!---->
<!--                        <div class="checkbox">-->
<!--                            <label>-->
<!--                                <input type="checkbox"> I am not a robot.-->
<!--                            </label>-->
<!--                        </div>-->
<!---->
<!--                        <button type="submit" class="btn btn-success btn-lg">Submit</button>-->
<!--                    </div>-->
<!--                </form>-->
<!---->
<!--            </div>-->
<!---->
<!--            <div class="sigma-content col-lg-4 col-md-12">-->
<!--                <h3>Our Address</h3>-->
<!--                <p>Suspendisse dolor purus, malesuada ut luctus quis, consectetur vel ante.-->
<!--                    Integer a pulvinar orci, eget sagittis enim.</p>-->
<!--                <p><span class="contact-icon fa fa-envelope-o"></span> Email: info@company.com</p>-->
<!--                <p><span class="contact-icon fa fa-phone"></span> Phone: 070-070-0880</p>-->
<!--            </div>-->
<!--        </div>-->

    </div>

</section>

<footer>

    <div class="container-fluid">

        <div class="row">
            <div class="col-md-12">
                <hr class="sigma-hr">
            </div>
        </div>

        <div class="row">
            <div class="sigma-copyright col-lg-8">
                <!--<p>Copyright © 2016 Sigma Bootstrap 4 Theme-->
                <!---->
                <!--| More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a></p>-->
            </div>

            <div class="sigma-copyright col-lg-4 single-page-nav text-right">
                <!--<a href="#top">Go to top</a>-->
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-lg-4 col-md-12 site-title">
                        </div>

                        <div class="col-lg-8 col-md-12 main-menu">
                            <nav class="navbar navbar-light">
                                <ul class="nav navbar-nav single-page-nav">
                                    <li class="nav-item">
                                        <a class="nav-link" href="#top">Go to top</a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</footer>

<script src="../../../Public/js/jquery.min.js"></script>
<script src="../../../Public/js/bootstrap.min.js"></script>
<script src="../../../Public/js/ekko-lightbox.min.js"></script>
<script src="../../../Public/js/jquery.singlePageNav.min.js"></script>
<script>

    // Prevent console.log from generating errors in IE for the purposes of the demo
    if ( ! window.console ) console = { log: function(){} };

    // The actual plugin
    $('.single-page-nav').singlePageNav({
        offset: $('.single-page-nav').outerHeight(),
        filter: ':not(.external)',
        updateHash: true,
        beforeStart: function() {
            console.log('begin scrolling');
        },
        onComplete: function() {
            console.log('done scrolling');
        }
    });

    $(document).ready(function ($) {

        // delegate calls to data-toggle="lightbox"
        $(document).delegate('*[data-toggle="lightbox"]', 'click', function(event) {
            event.preventDefault();
            return $(this).ekkoLightbox({
                always_show_close: true
            });
        });

    });

</script>

</body>
</html>